<%@page import="website.modelo.ServicioBean"%>
<%@page import="website.modelo.JuegoBean"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>TB_Parcial</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap-3.2.0.css" rel="stylesheet">
<link href="css/bootstrap-theme-3.2.0.css" rel="stylesheet">
<link href="css/offcanvas.css" rel="stylesheet">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap-3.2.0.js"></script>
<style type="text/css">
.bs-example {
	margin-top: 70px;
}
</style>

<script type="text/javascript">
	function registrar(){
		var txtAction = document.getElementById("accion");
		var btnAction = document.getElementById("btnAccion");
		
		txtAction.value = 'R';
		btnAction.click();
	}
	
	function editar(idJuego){
		var txtAction = document.getElementById("accion");
		var txtId = document.getElementById("idJuego");
		var btnAction = document.getElementById("btnAccion");
		
		txtAction.value = 'A';
		txtId.value = idJuego;
		btnAction.click();
	}
	
	function eliminar(idJuego){
		var txtAction = document.getElementById("accion");
		var txtId = document.getElementById("idJuego");
		var btnAction = document.getElementById("btnAccion");
		
		if (confirm('Esta seguro de eliminar el registro?')) {
			txtAction.value = 'E';
			txtId.value = idJuego;
			btnAction.click();
		} 
	}
</script>
</head>
<body>
	<jsp:include page="menuAdmin.jsp"/>

	<div class="container">
		<div class="bs-example">
			<form method="post" action="JuegoServlet"
				class="well form-horizontal">

				<fieldset>

					<legend>Juegos / Servicios</legend>

					<table class="table table-bordered table-hover">
						<thead>
							<tr class="danger">
								<th>ID JUEGO</th>
								<th>NOMBRE JUEGO</th>
								<th>DESCRIPCION JUEGO</th>
								<th>MATERIALES</th>
								<th>IMAGEN</th>
								<th>COSTO</th>
								<th colspan="2">ACCIONES</th>
							</tr>
						</thead>
						<tbody>
							<%
								List<JuegoBean> juegos = (ArrayList<JuegoBean>) request
										.getAttribute("juegos");

								int count = 0;

								if (juegos != null) {

									for (int i = 0; i < juegos.size(); i++) {
										JuegoBean juego = juegos.get(i);

										if (juego.getEstado() == 1) {
											count++;
							%>
							<tr>
								<td align="center"><%=count%></td>
								<td><%=juego.getNombre()%></td>
								<td><%=juego.getDescripcion()%></td>
								<td><%=juego.getMateriales()%></td>
								<td><% if(juego.getImagen()!=null){ %>
										<img width="80" height="60" src="<%=request.getContextPath() + juego.getImagen()%>">
									<% } else { %>
										<img width="80" height="60" src="<%=request.getContextPath() + "/juegoImagen/default.png"%>">
									<% } %>
								</td>
								<td><%=juego.getCostoPersona()%></td>
								<td><a><span class="glyphicon glyphicon-edit"></span><a
										onclick="javascript:editar(<%=juego.getId()%>)" href="#">Editar</a></td>
								<td><a><span class="glyphicon glyphicon-trash"></span><a
										onclick="javascript:eliminar(<%=juego.getId()%>)" href="#">Eliminar</a></td>
							</tr>
							<%
								}
									}
								}
							%>
						</tbody>
					</table>
					<input type="button" value="Registrar Juego" class="btn btn-primary save"
						onclick="javascript:registrar()" />

					<%
						String status = request.getAttribute("status") + "";

						if (status != null) {
							if (status.equals("OK")) {
					%>
					<p style="color: green;"><%=request.getAttribute("mensaje") != null ? request
							.getAttribute("mensaje") : ""%></p>
					<%
						} else {
					%>
					<p style="color: red;"><%=request.getAttribute("mensaje") != null ? request
							.getAttribute("mensaje") : ""%></p>
					<%
						}

						}
					%>
					
					<hr class="divider"/>
					
					<table class="table table-bordered table-hover">
						<thead>
							<tr class="danger">
								<th>ID SERVICIO</th>
								<th>NOMBRE SERVICIO</th>
								<th>DESCRIPCION SERVICIO</th>
								<th>COSTO</th>
							</tr>
						</thead>
						<tbody>
							<%
								List<ServicioBean> servicios = (ArrayList<ServicioBean>) request
										.getAttribute("servicios");

								int countServicio = 0;

								if (servicios != null) {

									for (int i = 0; i < servicios.size(); i++) {
										ServicioBean servicio = servicios.get(i);

										if (servicio.getEstado() == 1) {
											countServicio++;
							%>
							<tr>
								<td align="center"><%=countServicio%></td>
								<td><%=servicio.getNombreServicio()%></td>
								<td><%=servicio.getDescripcionServicio()%></td>
								<td><%=servicio.getCostoPersona()%></td>
							</tr>
							<%
								}
									}
								}
							%>
						</tbody>
					</table>
					
					
				</fieldset>

				<input id="accion" type="hidden" name="accion" /> 
				<input id="idJuego" type="hidden" name="idJuego" /> 
				<input id="btnAccion" type="submit" value="Accion" style="display: none;" />
			</form>
		</div>
	</div>


</body>
</html>
